<template>
  <div id="app">
    <el-container>
      <el-header>
        <!-- 导航条 -->
        <bar></bar>
      </el-header>

      <el-container>
        <el-main>
          <router-view :key="$route.fullPath" v-loading.fullscreen.lock="this.$store.getters.GET_LOADING==1?true:false"/>
        </el-main>
      </el-container>

      <el-footer>
        <Footer></Footer>
      </el-footer>
    </el-container>


  </div>
</template>

<script>

import Bar from '@/components/Bar.vue'
import Footer from "@/views/Footer";
export default {
  name: 'app',
  components: {
    Footer, //导入组件
    Bar //导航条组件
  },
  data () {
    return {

    }
  },
  methods: {

  },
  created() {

  }

}
</script>

<style>
#app {
  background-color: #f1f2f6;
}
</style>
